/******************************************* 全局属性 ******************************************/
.no-scroll {
	overflow: hidden;
	height: 100%;
}

body {
	color: #666;
	background-color: #f4f4f4;
}
.x-btn-default {
    color: #666 !important;
}


/****** padding and magin ******/
.x-m-t-n80 {
	margin-top: -70px;
}


/****** such content ******/
.x-footer-bar .active .x-btn {
	color: #3399ff!important;
}



/************ PAGE register and login ************/
/****** register ******/
.bg-reglog, .reglog {
	background: rgb(44, 47, 62);
}
.reglog-logo-img {
	padding-top: 0.8rem;
}
.reglog-logo-img img {
    width: 1.3rem;
    height: 1.3rem;
    border: 0.04rem solid rgba(255,255,255,.2);
}
.reglog-logo-text {
	color: #888;
	font-size: 0.18rem;
    line-height: 0.5rem;
    font-weight: 300;
}

.reglog-form {
	margin: 0.4rem auto 0;
	width: 80%;
	color: rgb(59, 62, 77);
	font-size: 0.16rem;
}
.reglog-form .with-border {
	border-color: rgb(59, 62, 77);
}
.reglog-form .x-label-name {
	color: lightblue;
}
.reglog-form .x-input-value {
	color: #fff;
}



/************ PAGE index ************/
.cat-book-head {
	margin-bottom: 0.1rem;
}
a.cat-book-head:active {
    color: deepskyblue;
    background-color: #f4f4f4!important;
}

.cat-book-list {
	margin-bottom: 0.2rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.cat-book-list li {
	display: inline-block;
	vertical-align:top;
	margin-right: 0.1rem;
	padding: 0;
}
.cat-book-list li:last-child {
	margin-right: 0;
}

.cat-book-list .x-item>.x-info .x-info-title {
	font-size: 0.14rem;
}

.cat-book-item {
/* 	position: relative;
	background: #fff; */
	width: 1.5rem;
/* 	height: 1.5rem;
	white-space: normal;
    border-radius: 0.02rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); */
}



/************ PAGE book-list ************/
.page-book-list .bg-img {
	height: 1.8rem;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.page-book-list .bg-txt p {
	margin-top: 0.55rem;
	font-size: 0.24rem;
	color: #fff;
	text-align: center;
}
.page-book-list .x-plain-list .x-item  {
    border-radius: 0.02rem;
    box-shadow: 0 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.1);	
}
.page-book-list .x-plain-list .x-item>.x-thumb img {
    height: 1.2rem;
}



/****** pagination ******/
.paginator {
    width: 80%;	
    margin: 0 auto;
}
.pagination>li>a,
.pagination>li>span {
    width: 25%;
}



/************ PAGE book-single (blog-single) ************/
/****** blog-single ******/
.blog-single .blur-img {
    -webkit-filter: blur(0.1rem);
    -moz-filter: blur(0.1rem);
    -ms-filter: blur(0.1rem);
    filter: blur(0.1rem);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,
 MakeShadow=false);
}

.blog-single .overlay {
    background: rgba(0,0,0,.5);
}
.blog-single .blur-content-body {
	padding: 0.8rem 0;
}
.blog-single .blur-content .blur-content-body>h3 {
	margin: 0.05rem 0;
    font-size: 0.2rem;
    font-weight: bold;
}
.blog-single .blur-content .blur-content-body>p {
	margin-bottom: 0.05rem;
    font-size: 0.14rem;
}
.blog-single .blur-content-foot {
    background: rgba(0,0,0,.2);
}



/************ PAGE book-single ************/
.code-list {
}
.code-item {
    margin-bottom: 0.1rem;
    font-size: 0.12rem;
    background: #fff;
    color: #333;
    border: 0.01rem solid #f4f4f4;
    border-radius: 0.03rem;
	cursor: pointer;
}
.code-item .item-icon {
    display: inline-block;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
}

.post-attr {
    margin-bottom: 0.15rem;
    font-size: 0.14rem;
    border: 0.01rem solid #f4f4f4;
}
.post-attr .x-label-name,
.post-attr .x-label-value {
    padding: 0.1rem;
}
.post-attr .x-label-name {
    border-right: 1px solid #f4f4f4;
}
.post-summary {
	padding: 0.1rem;
    font-size: 0.14rem;
    background: #eee;
    border-radius: 0.03rem;
}



/************ PAGE regfill ************/
.regfill .code-item .item-icon {
	font-size: 0.24rem;
	color: #f4f4f4;
}
.x-check-input:checked + .code-item {
    background: LightYellow;
    border-color: orange;
}
.x-check-input:checked + .code-item .item-icon {
    color: orange;
}

.regfill .btn-contact-item-delete,
.regfill .btn-contact-item-check {
    font-size: 0.24rem;
    color: #f4f4f4;
	text-align: center;
}
.regfill .btn-contact-item-delete {
	color: red;
}
.x-check-input:checked + .contact-item {
    color: orange;
}

/* payway */
.payway-item {
	font-size: 0.16rem;
}
.payway-item .item-icon {
	height: 0.4rem;
	line-height: 0.4rem;
}


/************ PAGE user center ************/
/****** user center1 ******/
.user-center .blur-img {
    -webkit-filter: blur(0.1rem);
    -moz-filter: blur(0.1rem);
    -ms-filter: blur(0.1rem);
    filter: blur(0.1rem);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,
 MakeShadow=false);
}

.user-center .overlay {
    background: rgba(0,0,0,.2);
}
.user-center .blur-content-body {
	padding: 0.5rem 0 0.1rem;
}
.user-center .blur-content .blur-content-body>img {
    width: 1rem;
    height: 1rem;
    border: 0.04rem solid rgba(255,255,255,.2);
}
.user-center .blur-content .blur-content-body>h3 {
	margin: 0.05rem 0;
    font-size: 0.16rem;
    font-weight: bold;
}
.user-center .blur-content .blur-content-body>p {
	margin-bottom: 0.05rem;
    font-size: 0.14rem;
}
.user-center .blur-content-foot {
    background: rgba(0,0,0,.2);
}



/************ PAGE pre-form ************/
.page-hd {
    padding: 20px;
}
.page-hd-title {
    font-size: 20px;
	line-height: 24px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 15px;
}
.page-hd-desc {
    color: #888;
    font-size: 14px;
    margin-top: 5px;
    text-align: left;
}

.pre-form .pre-pay-price {
	font-size: 0.24rem;
}
.pre-form .x-list-value {
	padding: 10px 15px;
    color: #999;
    font-size: 0.14rem;
    line-height: 0.18rem;
    text-align: right;
}
.pre-form .x-list-value li {
	margin-bottom: 0.1rem;
}
.pre-form .x-list-value label {
	font-weight: normal;
    text-align: justify;
	text-align-last: justify;
}



/************ PAGE card-list ************/
.card-square-list-ext.with-info-padding .x-item {
    border-radius: 0.02rem;
    box-shadow: 0 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.1);
}
.card-square-list-ext.with-info-padding .x-item .x-thumb {
    border-radius: 0.02rem 0.02rem 0 0;
}

.x-check-input:checked + .book-item {
    background: Yellow;
    border-color: orange;
}


/************ 颜色系统 ************/
/****** 背景颜色 ******/
.x-header-bar {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.0));
}
.bg-default {
	/* background-color: #ecf0f5 !important; */
}


/****** 文本颜色 ******/


/************ error ************/
.error-wrap {
	margin-top: 0.5rem;
	text-align: center;
}

.error-image {
}
.error-title {
	margin: 0.2rem 0;
}
.error-content {
	margin-bottom: 0.2rem;
}


/************ buttons (adjust buttons.css) ************/
.button-p-10,
.x-footer .button {
	padding: 0 0.1rem;
}

.x-footer .button {
	width: 100%;
	font-size: 14px;
}

.button-border,
.button-border-thin,
.button-border-thick {
    border-width: 1px;
}

.button-group {
	display: block !important;
}
.button-group .button {
	padding: 0 0.1rem;
}
